<!-- Swiper -->
<div class="swiper-container swiper-no-swiping swiper-container-horizontal">
  <div class="swiper-wrapper">
    <div *ngFor="let media of medias" class="swiper-slide"
      style="width: 1000px;display:flex;justify-content:center;align-items:center;">
      <!--图片-->
      <img *ngIf="media.type == 'JPG' || media.type == 'PNG'" data-src="{{media.src}}">
      <!--视屏-->
      <video *ngIf="media.type == 'MP4'" id="qk-video-{{media.id}}" class="video-js vjs-big-play-centered" controls
        preload="true" fluid="true" height="50" data-setup='{}'>
      </video>
      <!--word/PDF文档-->
      <ng-container *ngIf="media.type == 'DOC' || media.type == 'DOCX'">
        <iframe id="pdfConcent"
          style="width:100%;height:100%;display:none;"></iframe>
      </ng-container>
      <!--音频-->
      <audio *ngIf="media.type == 'MP3'" src="{{media.src}}">
        您的浏览器不支持 audio 标签。
      </audio>
      <!--暂不支持的文件-->
    </div>
  </div>
</div>